/*
	Twitster - Mellow
	=================
	by Jesse Gardner, Plasticmind Design (http://plasticmind.com)
*/

/* ----------------------------------------------------------------------------------- RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
 border:0;
}

/* -------------------------------------------------------- COMMON/LAYOUT */

body {
background: #ecedde url(../i/body.png) top center repeat-y;
border-top: solid 4px #537880;
font: 13px/1.3 Helvetica, Arial, sans-serif;
color: #403033;
}
#container {
width: 720px;
margin: 0 auto;
}
#wizard #container-in {
padding: 30px 110px 15px;
}
#container-in {
padding: 15px 70px;
}
a {
color: #5b8498;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/* --------------------------------------------------------------- HEADER */

#banner {
text-align: center;
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
}
#banner h1 {
font-size: 48px;
}
#banner h1 a {
font-weight: normal;
color: #403033;
}
#banner h2 {
color: #5b8498;
font-size: 15px;
margin-bottom: 20px;
}
.feedicon {
float: right;
margin-bottom: 6px;
font-size: 11px;
}
.feedicon a {
font-weight: normal;
}


/* --------------------------------------------------------------- TWEETS */

#updatelist {
clear: both;
}
#updatelist li {
border: solid 1px #dcdcca;
margin-bottom: 18px;
background: #eeefe1;
padding: 12px;
}
.tweetless {
border: solid 1px #dedede;
margin-bottom: 18px;
background: #efefef;
padding: 8px;
font-size: 13px;
font-weight: bold;
}
.userpic {
float: left;
}
.userpic img {
border: solid 1px #dfdfca;
padding: 5px;
background: #fff;
height: 48px;
width: 48px;
}
.tweet {
overflow: hidden;
}
.tweet-meta {
font: 12px/1 Georgia, "Times New Roman", serif;
color: #aeae9c;
margin: 4px 0 4px 70px;
font-style: italic;
}
.tweet-meta a {
font-size: 15px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
}
a.permalink {
font-size: 12px;
}
.tweet-body {
margin-left: 70px;
}

/* ----------------------------------------------------------- TAG MENU */
/* ---------------------------- tag menu to be included in next release */

#tagmenu li {
display: inline;
}
#tagmenu li a {
border: solid 1px #ecedde;
padding: 4px;
}
#tagmenu li a:hover {
background: #eee;
}
#tagmenu a.active,
#tagmenu a:hover.active {
background: #5b8498;
color: #fff;
text-decoration: none;
}

/* ----------------------------------------------------------- PAGINATION */

.paginator { margin: 35px auto; text-align: center; font-size: 13px; }
.paginator a, .paginator span { border: solid 1px #8bb4c8; background: #fff; padding: 3px 5px; }
.paginator .this-page, .paginator .atstart, .paginator .atend { color: #aaa; border-color: #ddd;}
.paginator a:hover, .paginator .this-page { color: #fff; background: #5b8498; border: solid 1px #5b8498; text-decoration: none; font-weight: bold; }
.paginator .break {border: none;}

/* --------------------------------------------------------------- FOOTER */

#footer {
clear: both;
text-align: center;
font-size: 11px;
padding-top: 25px;
}
#footer a {
background: transparent url(../i/icon-twitster.gif) top right no-repeat;
padding: 3px 18px 2px 0;
color: #403033;
}

/* --------------------------------------------------------------- WIZARD */

#wizard h2 {
font-size: 24px;
margin: 40px 0 0 0;
}
#wizard p {
margin: 12px 0;
}
#wizard ul {
background: #ecedde;
margin: 12px 0;
padding: 10px 12px;
font-size: 11px;
}
#wizard legend {
color: #424242;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
#wizard legend {
padding: 25px 0 12px 150px;
}
#wizard input {
margin-bottom: 12px;
}
#wizard fieldset input {
border: solid 1px #bdbcbd;
background: #ececdd;
width: 225px;
float: left;
color: #000;
font: 22px Helvetica, Arial, sans-serif;
padding: 10px 8px 8px 8px;
}
#wizard label {
float: left;
width: 130px;
clear: left;
text-align: right;
padding: 12px 20px 0 0;
}
#wizard .form-button {
margin: 12px 0 40px 148px;
}
#wizard input.error {
border: dashed 1px #a00;
background: #ecdddd;
}
#wizard label.error {
color: #a00;
font-weight: bold;
float: none;
margin-left: 200px;
position: relative;
top: -8px;
left: -50px;
}
#wizard label.valid {
color: #0060BF;
background-image: url(../i/checked.gif);
background-repeat: no-repeat;
position: relative;
margin: 0 0 0 450px;
top: -40px;
padding-left: 15px;
display: block;
width: 14px;
height: 14px;
}
#wizard .hint {
color: #aa9;
float: none;
margin-left: 200px;
position: relative;
top: -8px;
left: -50px;
}